<!DOCTYPE html>
<html lang = "zh-cn">
    <head>
        <meta name = "viewport" content = "initial-scale=1, maximum-scale=1,mininum-scale=1, user-scalable=no, width=device-width">
        <meta charset = "utf-8">
        <title>逛拍在手，逛街不愁</title>
        <link type = "text/css" rel = "stylesheet" href = "../css/base.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/common.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/publicPhotos.css">
    </head>
    <body>
        <div class = "main-page">
            <section class = "photos clearfix"></section>
            <section class = "noPhotoRemind none">
                <p class = "tc f16 mt30 perW80 bc">
                    本店暂无分享的图片，快点击下方图标去照相啦~_~
                </p>
                <div class = "tc mt10">
                    <a href = "" class = "toTakePhoto">
                        <img src = "../images/camera_b.png" alt = ""/>
                    </a>
                </div>
            </section>
        </div>
        <div class = "bigPhoto none">
            <div class = "bigPhoto-photo">
                <div class = "">
                    <img src = "" class = "w"/>
                </div>
                <div class = "comments" style = "margin-top:-5px;"></div>
                <div class = "operation">
                    <a class = "like">
                        <img src = "../images/whiteHeart.png" class = "" alt = ""/>
                    </a>
                    <a class = "comment ml20 mr20">
                        <img src = "../images/comment.png" alt = ""/>
                    </a>
                    <a class = "closepage">
                        <img src = "../images/closePage.png" alt = ""/>
                    </a>
                </div>
            </div>
        </div>
        <div class = "backstep">
            <a href = "index.html">返回主界面</a>
        </div>
        <div class = "comment-box none">
            <input type = "text"/>
            <a class = "commitComment btn">评论</a>
        </div>
        <script src = "../lib/template.min.js"></script>
        <script>
            document.write('<script src = "../lib/common.js?t=' + new Date().getTime() + '"><\/script>');
            document.write('<script src = "../js/publicPhotos.js?t=' + new Date().getTime() + '"><\/script>');
        </script>
        <!--所有照片的模板-->
        <script type = "text/html" id = "photo-template">
            <% for(var i = 0;i < data.photos.length; i++){ %>
            <% if(i % 3 == 0){ %>
            <div class = "photo" pid = "<%= data.photos[i].id %>" index = "<%= i %>" style = "<%= data.width %>">
                <img src = "<%= data.photos[i].url %>">
            </div>
            <% } else { %>
            <div class = "photo ml5" pid = "<%= data.photos[i].id %>" index = "<%= i %>" style = "<%= data.width %>">
                <img src = "<%= data.photos[i].url %>">
            </div>
            <% } %>
            <% } %>
        </script>
        <!--评论模板-->
        <script type = "text/html" id = "comment-template">
            <% for(var i = 0 ; i < comments.length ; i++){ %>
            <dl class = "clearfix">
                <dt class = "fl">
                    <a href = "privatePhotos.html?openId=<%= comments[i].openId %>"><%= comments[i].nick %> ：</a>
                </dt>
                <dd class = "">
                    <%= comments[i].content %>
                    <!--<a class = "reply">回复</a>-->
                </dd>
            </dl>
            <% } %>
        </script>
    </body>
</html>